button::after {
	border: none;
}
button {
	border-radius: 0;
	padding: 0;
	background: none;
}
.page-index {
	padding: 0 24rpx;
	// .swiper {
	// 	margin: 0 -24rpx;
	// 	height: 500rpx;
	// 	background: $base;
	// 	.swiper-item {
	// 		width: 100%;
	// 		height: 100%;
	// 		.videos {
	// 			width: 350rpx;
	// 			height: 175rpx;
	// 			border: 5rpx solid #fff;
	// 			border-radius: 16rpx;
	// 			z-index: 9999;
	// 		}
	// 	}
	// }
	.topBox {
		margin: 0 -24rpx;
		height: 606rpx;
		// background: linear-gradient(180deg, rgba(209, 231, 253, 0.00) 46.58%, #A1CBFE 77.64%);
		background: url('https://wanbang.wanhedashuju.com/uploads/20240712/2c12d38364d64f04ae937a1dad127e92.png') no-repeat;
		background-size: 100% 100%;
	}
	.titleBox {
		margin: 0 -24rpx;
		z-index: 999;
		display: flex;
		align-items: center;
		padding-left: 38rpx;
		// background: #D3EAFF;
		// align-items: flex-end;
		.banner{
			width: 116.214rpx;
			height: 30.495rpx;
		}
		.title1 {
			color: #000;
			font-size: 36rpx;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}
		.title2 {
			color: #000;
			font-size: 24rpx;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			margin-left: 16rpx;
		}
		.title3 {
			display: flex;
			align-items: center;
			margin-left: 16rpx;
			color: #226ef8;
			font-family: 'PingFang SC';
			font-size: 22rpx;
			font-style: normal;
			font-weight: 400;
			line-height: normal;
			background: #fff;
			padding: 2rpx 12rpx;
			border-radius: 16rpx;
		}
	}
	// .button-box {
	// 	background: #fff;
	// 	border-radius: 16rpx;
	// 	height: 500rpx;
	// 	padding: 24rpx 0;
	// 	display: flex;
	// 	.leftBox {
	// 		width: 50%;
	// 		border-right: 2rpx solid #e8e8e8;
	// 		padding: 24rpx;
	// 		.leftTitle{
	// 			font-weight: 700;
	// 		}
	// 	}
	// 	.rightBox {
	// 		width: 50%;
	// 		display: flex;
	// 		flex-direction: column;
	// 		.rightItem {
	// 			height: 50%;

	// 			padding: 0 24rpx;
	// 			background: green;
	// 		}
	// 	}
	// }
	.buttonBox{
		display: flex;
		justify-content: space-between;
		// padding: 24rpx;
		background: #f7f9f8;
		margin-top: 24rpx;
		.buttonLeft{
			width: 310rpx;
			height: 495rpx;
			background: #fff;
			border-radius: 16rpx;
			background: url('https://wanbang.wanhedashuju.com/uploads/20240710/2bab6628d265fd05d7223383e2587ba4.png') no-repeat;
			background-size: 100% 100%;
		}
		.buttonRight{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.topMenu{
				width: 380rpx;
				height: 232rpx;
				background: #fff;
				border-radius: 16rpx;
				background: url('https://wanbang.wanhedashuju.com/uploads/20240710/2c94d008f82530f150dde74b3c17c40c.png') no-repeat;
				background-size: 100% 100%;
			}
			.bottomMenu{
				width: 380rpx;
				height: 232rpx;
				background: #fff;
				border-radius: 16rpx;
				background: url('https://wanbang.wanhedashuju.com/uploads/20240710/5b8d571c694e5ddaf42bb4609ba2a96b.png') no-repeat;
				background-size: 100% 100%;
			}
		}
	}
	.warrantyBox{
		height: 232rpx;
		border-radius: 16rpx;
		margin-top: 32rpx;
		background: url('https://wanbang.wanhedashuju.com/uploads/20240906/b6239bb0556c17cc1cbad0e07554a3b3.png') no-repeat;
		background-size: 100% 100%;
	}
	.orderBox {
		.orderTitle {
			padding: 32rpx;
			font-size: 36rpx;
			font-weight: 700;
		}
		.orderSwiper {
			background: #fff;
			border-radius: 16rpx;
			height: 300rpx;
			// box-shadow: 0 16rpx 16rpx 0 #d6d6d6;
			padding: 24rpx 0;
			position: relative;
			.viewBox{
				left: 0;
				top: 0;
				position: absolute;
				padding: 24rpx;
				height: 300rpx;
				width: 680rpx;
				z-index: 9999;
			}
			.orderSwiperBox {
				padding: 24rpx;
				height: 300rpx;
				z-index: -1;
				.swiperItem {
					.DtBox {
						
						font-size: 24rpx;
						.DtTitle {
						}
						.DtTips {
							display: flex;
							color: #1fa2ff;
							.Tips2 {
								margin-left: 8rpx;
							}
						}
					}
				}
			}
		}
	}
	.caseBox {
		.caseTitle {
			padding: 32rpx;
			font-size: 36rpx;
			font-weight: 700;
		}
		.search {
		}
		.caseList {
			margin-top: 32rpx;
			background: #fff;
			border-radius: 16rpx;
			// height: 300rpx;
			box-shadow: 0 16rpx 16rpx 0 #d6d6d6;
			padding: 24rpx 0;
			display: flex;
			flex-direction: column;
			.tableBox {
				// height: 50rpx;
				display: flex;
				// justify-content: space-around;
				// white-space : nowrap
				 overflow-x: auto; /* 使容器横向滚动 */
				  white-space: nowrap; /* 确保内容不换行 */
				.tableItem {
					width: 175.5rpx;
					text-align: center;
					margin-left: 50rpx;
				}
				.tableItemChange {
					margin-left: 50rpx;
					width: 175.5rpx;
					color: #438bf1;
					font-weight: 700;
					text-align: center;
				}
			}
			.tableBox::-webkit-scrollbar {
  height: 0;
}
			.tabBorder {
				margin-top: 16rpx;
				height: 8rpx;
				width: 115.5rpx;
				background: #438bf1;
				transition: 0.3s;
				border-radius: 16rpx;
			}
			.searchBox {
				padding: 0 16rpx;
				.searchItem {
					box-shadow: 0 8rpx 8rpx 0 #f5f5f5;
					background: #fff;
					margin-top: 16rpx;
					padding: 16rpx;
					font-size: 24rpx;
					.imageBox {
						display: flex;
						justify-content: space-between;
						margin-top: 8rpx;
						.images {
							border-radius: 16rpx;
							width: 180rpx;
							height: 140rpx;
						}
					}
				}
			}
		}
	}
}
